$card-shadow: 0 6px 24px rgba(38, 38, 38, 0.06);
$card-transition: transform 0.218s ease-in;
$card-translateY: translateY(-4px);

$card-shadow-normal: 0 2px 4px 0 rgba(38, 38, 38, 0.1);
$card-shadow-hover: 0 6px 18px 0 rgba(38, 38, 38, 0.1);

@keyframes shake {
  0% {
    transform: translate(0);
  }

  40% {
    transform: translate(0);
  }

  50% {
    transform: translateY(6px);
  }

  60% {
    transform: translate(0);
  }

  70% {
    transform: translateY(6px);
  }

  80% {
    transform: translate(0);
  }

  to {
    transform: translate(0);
  }
}

@mixin cardShake {
  animation: shake 3s linear infinite;
}
